html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
textarea,
input,
select,
ul,
ol,
li,
fieldset,
figure {
    margin: 0;
    padding: 0;
    border: none;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    &:focus-visible{
        outline: none;
    }
}

html,
body {
    height: 100%;
    font-family: "微软雅黑";
}

ul,
li {
    list-style: none;
}

.el-button {
    width: 65px;
    height: 32px;
    line-height: 32px;
    font-size: 14px;
    font-weight: 400;
    color: rgba(0, 0, 0, 0.65);
    border-radius: 2px;
    box-shadow: none;
    // border: none;
    border: 1px solid rgba(0, 0, 0, 0.15);
    background: #fff;
}

.el-button:focus-visible {
    outline: none;
}

.el-button:hover {
    background: #fff;
    border-color: rgba(0, 0, 0, 0.15);
    color: rgba(0, 0, 0, 0.65);
}

.el-button--primary {
    background: rgba(51, 132, 193, 1);
    box-shadow: none;
    border-radius: 2px;
    color: rgba(255, 255, 255, 1);
    border: none;
}

.el-button--primary:hover {
    background: rgba(51, 132, 193, 1);
    color: rgba(255, 255, 255, 1);
}

.el-button--warning {
    background: rgba(192, 164, 91, 1);
    color: rgba(255, 255, 255, 1);
    box-shadow: none;
    border-radius: 2px;
    border: none;
}

.el-button--warning:hover {
    background: rgba(192, 164, 91, 1);
    color: rgba(255, 255, 255, 1);
}

.el-button--warning:focus {
    background: rgba(192, 164, 91, 1);
    color: rgba(255, 255, 255, 1);
}

.el-button--danger {
    border-radius: 2px;
    background: rgba(182, 30, 17, 1);
    color: rgba(255, 255, 255, 1);
    border: none;
}

.el-button--danger:hover {
    background: rgba(182, 30, 17, 1);
    color: rgba(255, 255, 255, 1);
}

.el-button--info {
    border-radius: 2px;
    background: rgba(112, 105, 95, 1);
    color: rgba(255, 255, 255, 1);
    border: none;
}

.el-button--info:hover {
    background: rgba(112, 105, 95, 1);
    color: rgba(255, 255, 255, 1);
}

.el-form {
    display: flex;

    :deep(.el-form-item) {
        &.is-required {
            .el-form-item__label::before {
                // color: rgb(0, 0, 0);
                margin-top: 2px;
                margin-right: 0;
            }

        }
    }

    .el-form-item__label {
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        color: rgba(0, 0, 0, 1);
        padding: 0 20px 0 0;
    }

    // :deep(.el-input) {
    .el-input {
        width: 260px;
        height: 32px;
        line-height: 32px;
        font-size: 14px;
        font-weight: 400;
        letter-spacing: 0px;
        color: rgba(0, 0, 0, 1);

        .el-input__wrapper {
            box-shadow: none;
            border: 1px solid rgba(0, 0, 0, 0.15);
        }

        .is-focus {
            box-shadow: none;

        }
    }

    .el-select {
        width: 260px;
        height: 32px;
        line-height: 32px;
    }

    :deep(.el-input__wrapper) {
        border-radius: 2px;
        box-shadow: none;
        // border: 1px solid rgba(0, 0, 0, 0.15);

    }

    :deep(.el-date-editor) {
        width: 260px;
        height: 32px;
        line-height: 32px;
        flex-grow: 0;
        border: 1px solid rgba(0, 0, 0, 0.15);
        // &.is-active {
        //     box-shadow: none;
        //     &:hover {
        //         box-shadow: none;
        //     }
        // }
    }
}


.el-table {
    --el-table-border-color: rgba(112, 105, 95, 0.25);
    // border-bottom: 1px solid rgb(228, 232, 235);

    :deep(td) {
        // border-bottom: 1px solid rgba(112, 105, 95, 0.5);
        border-bottom: none;
    }

    :deep(th) {
        // border-bottom: 1px solid rgba(112, 105, 95, 0.5);
        font-size: 14px;
        font-weight: 400;
        // color: rgba(0, 0, 0, 1);
        color: #555555;
        line-height: 1;
    }

    // .el-table__inner-wrapper::before {
    //     background-color: rgba(192, 164, 91, 0.5);
    //     bottom: 1px;
    // }

    // :deep(.el-table__border-left-patch::after) {
    //     background-color: rgba(192, 164, 91, 0.5);
    // }

    // :deep(.el-table__inner-wrapper::after) {
    //     background-color: rgba(192, 164, 91, 0.5);
    // }

    .warning-row {
        background-color: rgba(112, 105, 95, 0.1);
    }

    .success-row {
        --el-table-tr-bg-color: rgba(112, 105, 95, 0.1);
    }

    /* 斑马纹颜色 */
    :deep(tr) {
        font-size: 14px;
        font-weight: 290;
        color: rgba(0, 0, 0, 1);
        background: rgba(229, 229, 229);

        &:last-child {
            td {
                // border-bottom: none;
                border-bottom: 1px solid rgba(192, 164, 91, 0);
                // border-bottom: 1px solid rgb(228, 232, 235);

            }
        }

        .el-table__cell {
            // background-color: rgba(229,229,229);
            background-color: rgb(240, 240, 239);
            border-right: none;
            padding: 0;

            .cell {
                line-height: 50px;
                height: 50px;
            }
        }

        // .fixed_column {
        //     box-shadow: -2px 0px 2px rgba(0, 0, 0, 0.2);
        //     padding: 0 20px;
        // }
    }

    :deep(thead) {
        tr {
            th {
                font-weight: 700;

                &.el-table__cell {
                    background-color: #fff;
                    border-bottom: 1px solid rgb(228, 232, 235);

                    .cell {
                        line-height: 60px;
                        height: 60px;
                    }
                }

            }
        }


    }

    :deep(.cell) {
        white-space: nowrap;
        // overflow: visible;
    }

    /* 非斑马纹颜色 */
    // :deep(.el-table--striped .el-table__body tr.el-table__row--striped td) {
    //     background: #fff !important;
    // }
    :deep(.el-table__row--striped) {
        .el-table__cell {
            background: #fff !important;
        }

    }

    // .operation_btn {
    //     vertical-align: middle;
    // }

    :deep(.el-scrollbar__bar) {
        .el-scrollbar__thumb {
            width: 4px;
            height: 4px;
        }
    }
}

// .el-table--border::after {
//     background-color: rgba(192, 164, 91, 0.5);
// }

// :deep(.el-table--border::before) {
//     background-color: rgba(192, 164, 91, 0.5);
//     width: 0.5px;
// }

.el-dialog {
    padding: 0;

    .el-input {
        width: 260px;
        height: 32px;

        :deep(.el-input__wrapper) {
            border-radius: 2px;
        }
    }

    .el-form {
        .el-form-item__label {
            font-size: 16px;
            padding: 0 30px 0 0;
        }

        .el-date-editor {
            width: 260px;
            height: 32px;

            .el-input__wrapper {
                width: 100%;
                height: 100%;
                border: none;
            }
        }
    }

    .el-table {
        --el-table-border-color: rgba(112, 105, 95, 0.25);
        border-bottom: none;

        &::before {
            height: 0;
        }

        tr {
            .el-table__cell {
                .cell {
                    line-height: 43px !important;
                    height: 43px !important;
                }
            }
        }

        thead {
            tr {
                th {
                    &.el-table__cell {
                        .cell {
                            line-height: 42px !important;
                            height: 42px !important;
                        }
                    }

                }
            }
        }
    }

}


.el-cascader {
    &:hover {
        .el-input {
            .el-input__wrapper {
                box-shadow: none !important;
            }
        }
    }

    .el-input {
        &.is-focus {
            .el-input__wrapper {
                box-shadow: none !important;
            }

        }

        &:hover {
            .el-input__wrapper {
                box-shadow: none !important;
            }
        }

        .el-input__wrapper {
            box-shadow: none;
            border: 1px solid rgba(0, 0, 0, 0.15);

            &.is-focus {
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8) !important;
                border-color: rgba(192, 164, 91, 0.8);
            }
        }
    }

}

.el-popper {
    .el-select-dropdown {

        .el-select-dropdown__list {

            .el-select-dropdown__item {
                text-indent: 10px;

                &.selected {
                    color: #C0A45B;
                }
            }
        }
    }

    // :deep(.el-cascader-node) {
    .el-cascader-node {
        &.in-active-path {
            color: #C0A45B;
        }

        &.is-active {
            color: #C0A45B;
        }

        // &.is-selectable {
        //     color: #606266;
        //     font-weight: normal;
        // }

        &.in-checked-path {
            color: #C0A45B;
            // font-weight: 700;
        }
    }

    .today {
        .el-date-table-cell__text {
            color: #C0A45B !important;
        }
    }

    .start-date {
        .el-date-table-cell__text {
            background-color: #C0A45B !important;
            color: #fff !important;
        }
    }

    .end-date {
        .el-date-table-cell__text {
            background-color: #C0A45B !important;
            color: #fff !important;
        }
    }

    .available {
        &:hover {
            color: #C0A45B !important;
        }
    }

    .el-radio__input {
        &.is-checked {
            .el-radio__inner {
                border-color: #C0A45B;
                background: #C0A45B;
            }

        }
    }

    button:focus {
        outline: 0;
    }

    .el-date-range-picker {
        .el-picker-panel__icon-btn {
            margin-top: 0;
        }
    }

    .el-date-picker {
        .el-picker-panel__icon-btn {
            margin-top: 0;
        }
    }

    .el-picker-panel__icon-btn:hover {
        color: #C0A45B;
    }

    .el-time-panel__btn.confirm {
        color: #C0A45B;
    }
}

.is-message-box {

    .el-message-box {
        padding: 16px 24px;
        width: 384px;

        .el-message-box__header {
            padding: 0;

            .el-message-box__title {
                font-weight: 400;
                letter-spacing: 0px;
                line-height: 16px;
                color: rgba(0, 0, 0, 0.85);
                font-size: 16px;
                text-align: left;
            }
        }

        .el-message-box__headerbtn {
            top: 0;
            right: 0;

            &:focus {
                outline: none;
            }

            &:hover {
                .el-message-box__close {
                    color: #909399;
                }
            }
        }

        .el-message-box__content {
            padding: 12px 0 40px;

            .el-message-box__message {
                font-size: 14px;
                font-weight: 400;
                letter-spacing: 0px;
                line-height: 22px;
                color: rgba(0, 0, 0, 0.65);
                text-align: left;
            }
        }


        .el-message-box__btns {
            justify-content: flex-start;
            flex-flow: row-reverse;
            padding: 0;

            .el-button {
                width: 49px;
                height: 24px;
                line-height: 24px;
                border-radius: 2px;
                background: #fff;
                border: 1px solid rgba(0, 0, 0, 0.15);
                margin-left: 15px;
                color: rgba(0, 0, 0, 0.65);

                &:hover {
                    border-radius: 2px;
                    background: #fff;
                }
            }

            .el-button--primary {
                background: rgba(192, 164, 91, 1);
                border: none;
                color: #fff;
                margin-left: 0;

                &:hover {
                    background: rgba(192, 164, 91, 1);
                }
            }
        }
    }


}

.el-scrollbar {
    :deep(.el-scrollbar__bar.is-vertical) {
        width: 2px;
        // background-color: rgba(0, 0, 0, 0.15);

        .el-scrollbar__thumb {
            // background-color: rgba(192, 164, 91, 0.45);
            background-color: rgba(192, 164, 91, 0.25);
            opacity: 1;
            // width: 6px;
            width: 4px;
            // margin-left: -4px;
        }
    }


}

.el-checkbox {
    width: 16px;
    height: 16px !important;

    .el-checkbox__input {
        width: 100%;
        height: 100%;

        .el-checkbox__inner {
            width: 100%;
            height: 100%;
            border-radius: 2px;
            // background: rgba(112, 105, 95, 0.2);
            background: #fff;
            border: 1px solid rgba(112, 105, 95, 0.5);
        }

        &.is-checked {
            .el-checkbox__inner {
                background: rgba(192, 164, 91, 1) !important;
                border: none;

                &::after {
                    left: 6px;
                    top: 2px;
                    display: inline-block;
                }
            }

            &.is-indeterminate {
                .el-checkbox__inner {
                    &::before {
                        display: none;
                    }
                }
            }
        }

        &.is-indeterminate {
            .el-checkbox__inner {
                // background: rgba(192, 164, 91, 1);
                // border: none;
                background: #fff;

                &::before {
                    width: 16px;
                    height: 4px;
                    left: -1px;
                    top: 5px;
                    background-color: rgba(192, 164, 91, 1);
                }
            }
        }
    }

    &.is-disabled {
        .el-checkbox__input {
            .el-checkbox__inner {
                background-color: #e5e5e5;
            }
        }
    }
}

::-webkit-scrollbar {
    /* 对应纵向滚动条的宽度 */
    width: 4px;
    height: 4px;
}

::-webkit-scrollbar-thumb {
    // background-color: rgba(192, 164, 91, 0.45);
    background-color: rgba(192, 164, 91, 0.25);
    border-radius: 4px;
}

:deep(.el-radio.is-checked) {
    .el-radio__input.is-checked {
        .el-radio__inner {
            background: rgba(192, 164, 91, 1);
            border-color: rgba(192, 164, 91, 1);
        }

        // .el-radio__inner::after {
        //     background: rgba(192, 164, 91, 1);
        // }
    }


    .el-radio__label {
        // color: rgba(192, 164, 91, 1);
        color: rgb(0, 0, 0);
    }
}

.el-radio__inner:hover {
    border-color: rgba(192, 164, 91, 1);
}

.el-radio {
    :deep(.el-radio__input) {
        &:hover {
            border-color: rgba(192, 164, 91, 1);

            .el-radio__inner {
                border-color: rgba(192, 164, 91, 1);
            }
        }
    }
}


:deep(.el-checkbox.is-checked) {
    .el-checkbox__label {
        color: rgba(192, 164, 91, 1);
    }
}

.loading_showSpread {
    margin-left: 160px;
    margin-top: 72px;

}

.loading_showSpread_not {
    margin-left: 83px;
    margin-top: 72px;

}

.el-dropdown-menu__item:not(.is-disabled):focus {
    color: rgb(192, 164, 91);
}

.text_letter {
    word-spacing: 26px;
}

.el-textarea__inner {
    border: 1px solid rgba(0, 0, 0, .15);
    box-shadow: none !important;

    &:focus {
        // box-shadow: 0 0 0 1px #dcdfe6 inset;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8) !important;
        border-color: rgba(192, 164, 91, 0.8) !important;
    }

    &:hover {
        box-shadow: 0 0 0 1px #dcdfe6 inset;
    }
}

.el-tree {
    :deep(.el-icon) {
        svg {
            width: 14px;
            height: 14px;
            background: url("@/assets/images/images_new/arrow-right.png");
            background-size: 100% 100%;


            path {
                display: none;
            }
        }

        &.is-leaf {
            svg {
                visibility: hidden;
            }
        }
    }
}

.el-upload:focus {
    color: rgb(112, 105, 95);
}

.el-input {
    :deep(.el-input__wrapper) {
        box-shadow: none;
        border: 1px solid rgba(0, 0, 0, 0.15);

        &.is-focus {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8);
            border-color: rgba(192, 164, 91, 0.8);
        }
    }

    :deep(.is-focus) {
        box-shadow: none;

    }

    &.el-input-group--append {
        border: 1px solid rgba(0, 0, 0, 0.15);
        box-shadow: none;
        border-radius: 2px;

        &:focus-within {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8);
            border-color: rgba(192, 164, 91, 0.8);
        }

        .el-input__wrapper {
            box-shadow: none;
            border: none;

            &.is-focus {
                box-shadow: none;
            }

        }

        .el-input-group__append {
            box-shadow: none;
        }
    }
}

.el-select {

    :deep(.el-input) {
        &.is-focus {
            .el-input__wrapper {
                box-shadow: none !important;
            }

        }

        .el-input__wrapper {
            box-shadow: none;
            border: 1px solid rgba(0, 0, 0, 0.15);

            &.is-focus {
                box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8) !important;
                border-color: rgba(192, 164, 91, 0.8);
            }
        }
    }

    :deep(.el-select__wrapper) {
        &.is-focused {
            box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8) !important;
        }
    }

}

.el-date-editor {
    border: 1px solid rgba(0, 0, 0, 0.15);

    &.is-active {
        // box-shadow: none;
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8) !important;
        border-color: rgba(192, 164, 91, 0.8) !important;
    }

    &:hover {
        box-shadow: none;
    }

    &:focus-within {
        box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(192, 164, 91, 0.8);
        border-color: rgba(192, 164, 91, 0.8);
    }
}

:deep(.el-date-editor--month) {
    border: none !important;
}

:deep(.el-date-editor--year) {
    border: none !important;
}